import React from 'react'

function MyCards(props) {
    let {data}=props 
    let {title1,title2,val1,val2,val3,span1,span2,span3,color,color2}=data
  return (
     <div>
              <h4>{title1}(<span>{title2}</span>)</h4>
               <p className='info'>
                  <h1 style={{color:color}}>{val1}</h1>
                  <h1 style={{color:color}}>{val2}</h1>
                  <h1 style={{color:color}}>{val3}</h1>
               </p>
               <p className='info'>
                  <span style={{color:color2}}>{span1}</span>
                  <span style={{color:color2}}>{span2}</span>
                  <span style={{color:color2}}>{span3}</span>
                 
               </p>
           </div>
  )
}

export default MyCards
